@import "common";

@imgHeight: 28px;

.RePanel_Container {
  width: 100%;
  border: solid 1px #ccc;
  display:inline-block;
  .border-radius(8px);
  vertical-align: top;

  .RePanel_Content{
    margin:20px;
    height:78%;
  }

  .RePanel_Title {
    border-bottom: solid 1px #ccc;
    height: 20%;
    width: 100%;

    .RePanel_TitleValue{
      font-size: x-large;
    }
    & > div, & > a {
      vertical-align: middle;
      display: inline-block;
      height: 100%;
      position: relative;
    }

    & > a {
      margin-right: 20px;
      float: right;
    }

    .Repanel_ImgDiv {
      position: relative;
      width: 45px;
      height: 100%;
      margin-left: 20px;

      img {
        width: @imgHeight;
        .absoluteCenter(@imgHeight);
        left:auto;
        right:auto;
      }
    }

    & > .Repanel_TitleBottom {
      display: block;
      height:5px;
      div{
        display:inline-block;
        height:100%
      }
      .Repanel_TitleBottom_Second{
        width:65%;
      }
      .Repanel_TitleBottom_First{
        width:35%;
        background-color: #f25c5c;
      }
    }

  }
}